<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0" />
    <!-- <link rel="stylesheet" href="hd.css" /> -->
    <!-- <link rel="stylesheet" href="base.css" /> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/dayjs/1.11.7/dayjs.min.js"></script>
    <script src="FlipNumber.js"></script>
    <script src="hd.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/dayjs/1.11.7/plugin/duration.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/dayjs/1.11.7/dayjs.min.js"></script>
  </head>
  <body>
    <main id="hd"></main>
    <script>
      const instance = new FlipClock({
        el: '#hd',
        // style: 'base',
        type: 'timing',
        timing: {
          // hour: 2,
          // minute: 8,
          second: 568,
        },
      })
      instance.render()

      // setTimeout(() => {
      //   instance.stop()
      // }, 3000)
    </script>
  </body>
</html>
